<!-- 
      Created by YSG on 2017-01-06.
      Copyright 2017 YSG. All rights reserved.
 -->
<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册-点点生钱</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../assets/css/mui.min.css" rel="stylesheet" />
		<link href="../assets/css/main.css" rel="stylesheet" />
		<style type="text/css">
			html,
			body {
				background-color: #13307c;
			}
			
			.mui-bar-transparent {
				background-color: rgba(18, 48, 125, 0);
			}
			
			.mui-bar-transparent * {
				color: #fff;
			}
			
			.mui-content {
				position: absolute;
				background: none;
				width: 90%;
				height: 200px;
				top: 30%;
				left: 50%;
				margin-left: -45%;
				margin-top: -100px;
				text-align: center;
			}
		
			.ipt-box-nick {
				height: 40px !important;
				line-height: 40px !important;
				position: relative !important;
			}
			
			.ipt-box-nick .ipt-real-nick {
				position: absolute !important;
				top: 0 !important;
				left: 0 !important;
				width: 100%;
				height: 40px !important;
				line-height: 40px !important;
				opacity: 0 !important;
				z-index: 3 !important;
			}
			
			.ipt-box-nick .ipts-box-nick {
				position: absolute !important;
				top: 0 !important;
				left: 0 !important;
				z-index: 1 !important;
				width: 100%;
				height: 40px !important;
				line-height: 40px !important;
				overflow: hidden;
			}
			
			.ipt-box-nick .ipts-box-nick .ipt-fake-box {
				height: 40px !important;
				line-height: 40px !important;
				display: flex !important;
				justify-content: space-between !important;
			}
			
			.ipt-box-nick .ipts-box-nick .ipt-fake-box input {
				width: 40px !important;
				height: 40px !important;
				border: 1px solid #D7D7D7 !important;
				color: #810213 !important;
				font-weight: bold !important;
				font-size: 18px !important;
				text-align: center !important;
				padding: 0 !important;
			}
			
			.ipt-box-nick .ipt-active-nick {
				width: 40px !important;
				height: 40px !important;
				line-height: 40px !important;
				text-align: center;
				position: absolute !important;
				top: 0;
				left: 0;
				z-index: 2;
			}
			
			.ipt-box-nick .ipt-active-nick img {
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<!--header beg-->
		<header class="mui-bar mui-bar-transparent">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">注册</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-row">
				<p style="align-content: center;"><b>请输入验证码</b></p>
				<p>请耐心等候,我们已将短信验证码发送至</p>
				<p id="telphone"></p>
			</div>
			<div class="mui-input-row mui-password">

				<div>
					<div class="ipt-box-nick">
						<input type="tel" maxlength="6"  class="mui-input ipt-real-nick" />
						<div class="ipts-box-nick">
							<div class="ipt-fake-box">
								<input type="text" class="mui-input" autofocus>
								<input type="text">
								<input type="text">
								<input type="text">
								<input type="text">
								<input type="text">
							</div>
						</div>
						<div class="ipt-active-nick"><img src="https://t.alipayobjects.com/images/rmsweb/T1nYJhXalXXXXXXXXX.gif"></div>
					</div>
				</div>

			</div>
			<p></p>
			<p id="resendSms"></p>
		</div>
		<script src="../assets/lib/mui/mui.min.js"></script>
		<script src="../assets/lib/zepto/zepto.min.js"></script>
		<script src="../assets/lib/layer_mobile/layer.js"></script>
		<script src="../assets/common/util.js"></script>
		<script src="../assets/common/common.js"></script>
		<script src="../assets/js/registerSubmit.js"></script>
		<script type="text/javascript">
			$(function() {
				new Main();
			});
		</script>
	</body>

</html>